<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>京东</title>
    <link rel="stylesheet" href="./css/jd.css">
</head>
<body>
    <div class="head"> 
        <div class="head_left">
            <div class="cha"> 
            </div>
            <div class="logo">
                <img src="./images/gg.png" alt="">
                <span>打开京东App，购物更轻松</span>
            </div>
        </div>
        <div class="open">立即打开</div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="seek">
            <div class="seek_1">
            </div>
            <div class="seek_2">
            </div>
            <input type="text" placeholder="usb分线器">
        </div>
        <div class="login"> 
            <a>登录</a>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="outer">
        <div>
            <img src="./images/lb1.jpg" alt="">
            <img src="./images/lb2.jpg" alt="">
            <img src="./images/lb3.jpg" alt="">
            <img src="./images/lb1.jpg" alt="">
        </div>
    </div>
    <!-- app -->
    <div class="app">
        <a href="">
            <img src="./images/tu1.png" alt="">
            <span>京东超市</span>
        </a>
        <a href="">
            <img src="./images/tu2.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="">
            <img src="./images/tu3.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="">
            <img src="./images/tu4.png" alt="">
            <span>京东生鲜</span>
        </a>
        <a href="">
            <img src="./images/tu5.png" alt="">
            <span>京东到家</span>
        </a>
        <a href="">
            <img src="./images/tu6.png" alt="">
            <span>充值缴费</span>
        </a>
        <a href="">
            <img src="./images/tu7.png" alt="">
            <span>物流查询</span>
        </a>
        <a href="">
            <img src="./images/tu8.png" alt="">
            <span>领券</span>
        </a>
        <a href="">
            <img src="./images/tu9.png" alt="">
            <span>领金贴</span>
        </a>
        <a href="">
            <img src="./images/tu10.png" alt="">
            <span>PLUS会员</span>
        </a>
    </div>
    <!-- 京东秒杀 -->
    <div class="seckill">
        <div class="wrap">
            <a href="#">
                <div class="seckill_tit">
                    京东秒杀
                </div>
                <div class="seckill_order">
                    10
                    <img src="./images/seckill-time-to_1de70c91.png" alt="">
                </div>
                <div class="time">
                    01
                </div>
                <span>:</span>
                <div class="time">
                    50
                </div>
                <span>:</span>
                <div class="time">
                    30
                </div>
            </a>
            <div class="sec_link">
                <a href="#">更多秒杀
                    <img src="./images/right.png" alt="">
                </a>
            </div>
        </div>
       <ul>
           <li>
               <img src="./images/sp2.png">
               <span>￥1899</span>
           </li>
           <li>
               <img src="./images/sp3.jpg">
               <span>￥599</span>
            </li>
           <li>
               <img src="./images/sp4.jpg">
               <span>￥1899</span>
            </li>
           <li>
               <img src="./images/sp5.png">
               <span>￥499</span>
            </li>
           <li>
               <img src="./images/sp6.jpg">
               <span>￥399</span>
            </li>
           <li>
               <img src="./images/sp7.webp">
               <span>￥9999</span>
            </li>
       </ul>
    </div>
    <!-- 产品 -->
    <div class="product">
        <div class="similar_product">
            <img src="./images/sp4.jpg" alt="">
            <span>飞达三和方形垃圾桶家用客厅简约轻奢厨房垃圾桶无...</span>
            <p>
                <span>￥180</span>
                <span>看相似</span>
            </p>
        </div>
        <div class="similar_product">
            <img src="./images/sp5.png" alt="">
            <span>飞达三和方形垃圾桶家用客厅简约轻奢厨房垃圾桶无...</span>
            <p>
                <span>￥180</span>
                <span>看相似</span>
            </p>
        </div>
        <div class="similar_product">
            <img src="./images/sp6.jpg" alt="">
            <span>飞达三和方形垃圾桶家用客厅简约轻奢厨房垃圾桶无...</span>
            <p>
                <span>￥180</span>
                <span>看相似</span>
            </p>
        </div>
        <div class="similar_product">
            <img src="./images/sp7.webp" alt="">
            <span>飞达三和方形垃圾桶家用客厅简约轻奢厨房垃圾桶无...</span>
            <p>
                <span>￥180</span>
                <span>看相似</span>
            </p>
        </div>
    </div>
    <!-- 底部导航栏 -->
    <div class="footer_nav">
        <div class="footer_nav_a">
            <a href="./index.html"> 
                <div>
                    <img src="./images/sy1.png" alt="">
                </div>
            </a>
            <a href=""> 
                <div>
                    <img src="./images/sy2.png" alt="">
                </div>
            </a>
            <a href=""> 
                <div>
                    <img src="./images/sy3.png" alt="">
                </div>
            </a>
            <a href=""> 
                <div>
                    <img src="./images/sy4.png" alt="">
                </div>
            </a>
            <a href=""> 
                <div>
                    <img src="./images/sy5.png" alt="">
                </div>
            </a>
        </div>
    </div>
</body>
</html>